.mine .breadcrumb {
  background: none; }
  .mine .breadcrumb li a {
    font-size: 14px; }
  .mine .breadcrumb li:last-child a {
    color: #58c676; }
  .mine .breadcrumb li:last-child:before {
    content: '>'; }

.mine .mine-detail {
  min-height: 500px; }

.mine .left-side {
  background-color: #f5f6f7;
  cursor: default;
  padding-top: 30px; }
  .mine .left-side .brand-panel .img-rounded {
    max-width: 100%;
    max-height: 50px; }
  .mine .left-side .brand-panel .img-circle {
    width: 30px;
    height: 30px; }
  .mine .left-side .left-side-title {
    margin-top: -15px; }
    .mine .left-side .left-side-title h4 {
      font-size: 14px; }
      .mine .left-side .left-side-title h4 i {
        color: red; }
  .mine .left-side .img-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%; }
  .mine .left-side .list-group-item {
    border: 0;
    background-color: #f5f6f7;
    padding: 5px 15px;
    margin-bottom: 5px;
    text-align: center; }
    .mine .left-side .list-group-item.disabled {
      text-align: left;
      cursor: default !important; }
    .mine .left-side .list-group-item.active {
      background-color: #58c676;
      border-radius: 15px; }
      .mine .left-side .list-group-item.active i[class^="icon-"] {
        color: #fff; }
    .mine .left-side .list-group-item i[class^="icon-"] {
      color: #acb0ab; }

@media screen and (max-width: 767px) {
  .mine .left-side {
    min-height: 650px; } }

.mine .right-side {
  padding-top: 30px;
  padding-bottom: 50px; }
  .mine .right-side #offcanvas {
    margin-bottom: 20px; }
    .mine .right-side #offcanvas:hover {
      background-color: #58c676 !important; }

@media screen and (max-width: 767px) {
  .mine .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  .mine .row-offcanvas-right {
    right: 0; }
  .mine .row-offcanvas-left {
    left: 0; }
  .mine .row-offcanvas-right .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */ }
  .mine .row-offcanvas-left .sidebar-offcanvas {
    left: -48%;
    /* 6 columns */ }
  .mine .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */ }
    .mine .row-offcanvas-right.active .sidebar-offcanvas {
      left: 0; }
  .mine .row-offcanvas-left.active {
    left: 50%;
    /* 6 columns */ }
  .mine .sidebar-offcanvas {
    position: absolute;
    top: 0;
    /* 6 columns */ }
  .mine .left-side {
    min-height: 500px; }
    .mine .left-side .img-person {
      text-align: center; }
      .mine .left-side .img-person .img-circle {
        text-align: center;
        float: none !important; }
    .mine .left-side .left-side-title {
      text-align: center; } }
